<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="../../static/css/bootstrap.min.css" >
    <link rel="stylesheet" href="../../static/img/bootstrap-icons-1.4.0/fonts/bootstrap-icons.css">
    <title>欢迎光临</title>
</head>

<body>
<div class="container">
    <!--标题-->
    <div class="row">
        <div class="col-md-12">
            <h1>SSM-CRUD</h1>
        </div>
    </div>
    <!--按钮-->
    <div class="row">
        <div class="col-md-4 offset-md-8">
            <button class="btn-success">
                <svg class="bi" fill="currentColor" width="16" height="16">
                    <use xlink:href="../../static/img/bootstrap-icons-1.4.0/bootstrap-icons.svg#calendar2-plus-fill"/>
                </svg>
                新增
            </button>
            <button class="btn-danger">
                <svg class="bi" fill="currentColor" width="16" height="16">
                    <use xlink:href="../../static/img/bootstrap-icons-1.4.0/bootstrap-icons.svg#calendar-x"/>
                </svg>
                删除
            </button>
        </div>
    </div>
    <!--表格数据-->
    <div class="row">
        <div class="col-md-12">
            <table class="table table-hover">
                <tr>
                    <th>#</th>
                    <th>empName</th>
                    <th>gender</th>
                    <th>email</th>
                    <th>deptName</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <th>1</th>
                    <th>q</th>
                    <th>男</th>
                    <th>@qwe.com</th>
                    <th>部门</th>
                    <th><button class="btn-primary btn-sm">
                        <svg class="bi" fill="currentColor" width="12" height="12">
                            <use xlink:href="../../static/img/bootstrap-icons-1.4.0/bootstrap-icons.svg#wrench"/>
                        </svg>
                        编辑
                    </button>
                    <button class="btn-danger btn-sm">
                        <svg class="bi" fill="currentColor" width="12" height="12">
                            <use xlink:href="../../static/img/bootstrap-icons-1.4.0/bootstrap-icons.svg#calendar-x"/>
                        </svg>
                        删除
                    </button></th>
                </tr>
            </table>
        </div>
    </div>
    <!--分页显示-->
    <div class="row">
            <!--分页文字信息-->
            <div class="col-md-6">
                当前记录数：xxx
            </div>
            <!--分页条信息-->
            <div class="col-md-6">
                <ul class="pagination">
                    <li class="page-item"><a class="page-link" href="#">首页</a></li>
                    <li class="page-item"><a class="page-link" href="#">上一页</a></li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                    <li class="page-item"><a class="page-link" href="#">末页</a></li>
                </ul>
            </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" src="../../static/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>